<section>
    <!-- 关键词筛选 -->
    <div class="keywords">
        <div>
            <p>口味：</p>
            <div>
                <a href="javascript:;" class="clicked">不限</a>
                <a href="javascript:;">慕斯</a>
            </div>
        </div>
        <div>
            <p>尺寸：</p>
            <div>
                <a href="javascript:;" class="clicked">不限</a>
                <a href="javascript:;">5英寸</a>
            </div>
        </div>
        <div>
            <p>排序：</p>
            <div>
                <a href="javascript:;" class="clicked">默认</a>
                <a href="javascript:;">销量</a>
                <a href="javascript:;">价格</a>
            </div>
        </div>
    </div>
    <div class="goods">
        <div class="single">
            <a [routerLink]="['/details', {type:1}]">
                <img src="assets/images/d1.jpg">
            </a>
            <p>鲜果奇缘</p>
            <p class="price">￥200.00/个</p>
            <div id="single-label">
                <a>生日</a>
                <a>儿童</a>
            </div>
            <button>
                <i class="icon iconfont iconCART"></i>
                <span>加入购物车</span>
            </button>
        </div>
    </div>
</section>